﻿@using ABC.Controllers.ViewModels
@using ABC.Controllers.ViewModels.My
@model MyDeliveryViewModel
@{
    ViewBag.Title = "Заявка на выезд специалиста - Азбука24";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}
<script>
    var AddingProducts = [];

    function SaveDelivery(obj) {
        var postform = document.getElementById("form1");
        postform.appendChild(CreateHiddenField('products', JSON.stringify(AddingProducts)));
        postform.appendChild(CreateHiddenField($(obj).attr("name"), ""));
        postform.submit();
    }

    function Product(data) {
        this.Id = ko.observable(data.Id);
        this.Name = ko.observable(data.Name);
        this.Type = ko.observable(IdTypeToName(data.Type));
        this.GetPay = ko.observable(data.GetPay);
        this.UniqueNumber = ko.observable(data.UniqueNumber);
        this.CompanyName = ko.observable(data.CompanyName);
        this.Rate = ko.observable(data.Rate);
        this.PremiumPolicy = ko.observable(data.PremiumPolicy);
        this.Url = ko.observable(data.Url);
    }

    function SetDatePicker() {
        var startDate = new Date();
        startDate.setDate(startDate.getDate() - 1);
        $(".date").datepicker({
            "format": "dd.mm.yyyy",
            "weekStart": 1,
            "autoclose": true,
            "language": "ru"
        }).datepicker('setStartDate', startDate);
    }

    function AssignValues(data) {
        ResetDialogs();
        var idDialog = "";
        if (data.TypeName.indexOf("КАСКО") > -1) {
            idDialog = "#products-select";
            $(idDialog + " #ProductType").val(data.Type);
            $(idDialog + " input[name='calculation'][confirm-calc-id='" + data.ConfirmedCalcId + "']").attr("checked", "checked");
            $(idDialog + " #get-pay").val(data.GetPay);
            $(idDialog + " #photo-ts").val(data.PhotoTs);
            $(idDialog + " #notes-product").val(data.Notes);
            $(idDialog + " #documents-pocket").val(data.DocumentPocket);
            for (var i = 0; i < data.Documents.length; i++) {
                $(idDialog + " input[name=document][value=" + data.Documents[i] + "]").attr("checked", "checked");
            }
            $(idDialog).modal({ "show": "true", dynamic: true });
        }
        if (data.TypeName.indexOf("ОСАГО") > -1) {
            idDialog = "#products-select2";
            $(idDialog + " #ProductType").val(data.Type);
            $(idDialog).modal({ "show": "true", dynamic: true });
            if (!data.CalcId && !data.ConfirmedCalcId) {
                $(idDialog + " #company").val(data.CompanyId);
                $("a[href='#calc-on-place'").tab('show');
            } else {
                $(idDialog + " input[name='calculation'][confirm-calc-id='" + data.ConfirmedCalcId + "']").attr("checked", "checked");
                $("a[href='#saved-calc']").tab('show');   
            }
            $(idDialog + " #notes-product-osago").val(data.Notes);
        }        
    }
    
    function MyViewModel() {
        var self = this;
        self.products = ko.observableArray([]);
        self.CountNewAddingProduct = ko.observable(1);
        self.currentProductId = ko.observable("");

        self.addProduct = function () {
            var idDialog = "#" + $("div.modal.hide.in").attr("id");
            var product = new Object();
            product.Id = "product" + self.CountNewAddingProduct();
            product.Type = $(idDialog + " #ProductType").val();
            product.TypeName = IdTypeToName($(idDialog + " #ProductType").val());
            if (product.TypeName.indexOf("КАСКО") > -1) {
                product.CalcId = $(idDialog + " input[name='calculation']:checked").val();
                product.GetPay = $(idDialog + " #get-pay").val();
                product.PhotoTs = $(idDialog + " #photo-ts").val();
                product.Notes = $(idDialog + " #notes-product").val();
                product.ConfirmedCalcId = $(idDialog + " input[name='calculation']:checked").attr("confirm-calc-id");
                product.UniqueNumber = $(idDialog + " input[name='calculation']:checked").attr("unique");
                product.Url = $(idDialog + " input[name='calculation']:checked").attr("url");
                product.CompanyName = $(idDialog + " input[name='calculation']:checked").parents('tr').children("td").eq(2).text();
                product.CompanyId = "";
                product.Rate = $(idDialog + " input[name='calculation']:checked").attr("rate");
                product.PremiumPolicy = $(idDialog + " input[name='calculation']:checked").attr("premium");
                product.DocumentPocket = $(idDialog + " #documents-pocket").val();
                product.Documents = [];
                var documents = [];
                documents = $(idDialog + " #kasko-documents input[name=document]:checked");
                for (var k = 0; k < documents.length; k++) {
                    product.Documents.push($(documents[k]).val());
                }
            }
            if (product.TypeName.indexOf("ОСАГО") > -1) {
                product.GetPay = "";
                product.PhotoTs = "";
                product.Rate = "";
                product.DocumentPocket = "";
                product.Documents = [];

                var activeTabId = $(idDialog + " ul.nav.nav-tabs li.active a").attr("href");
                if (activeTabId == "#saved-calc") {
                    product.CalcId = $(idDialog + " input[name='calculation']:checked").val();
                    product.ConfirmedCalcId = $(idDialog + " input[name='calculation']:checked").attr("confirm-calc-id");
                    product.CompanyName = $(idDialog + " input[name='calculation']:checked").parents('tr').children("td").eq(2).text();
                    product.PremiumPolicy = $(idDialog + " input[name='calculation']:checked").attr("premium");
                    product.Url = $(idDialog + " input[name='calculation']:checked").attr("url");
                    product.UniqueNumber = $(idDialog + " input[name='calculation']:checked").attr("unique");
                    product.CompanyId = "";
                } else {
                    product.CalcId = "";
                    product.ConfirmedCalcId = "";
                    product.CompanyId = $(idDialog + " #company").val();
                    product.CompanyName = $(idDialog + " #company option[value='" + $(idDialog + " #company").val() + "']").text();
                    product.PremiumPolicy = "";
                    product.Url = "#";
                    product.UniqueNumber = "";
                }
                product.Notes = $(idDialog + " #notes-product-osago").val();
            }
            if (self.currentProductId()) {
                for (var i = 0; i < self.products().length; i++) {
                    if (self.products()[i].Id() == self.currentProductId()) {
                        self.products()[i].Type(IdTypeToName(product.Type));
                        self.products()[i].Name(product.Name);
                        self.products()[i].GetPay(product.GetPay);
                        self.products()[i].UniqueNumber(product.UniqueNumber);
                        self.products()[i].CompanyName(product.CompanyName);
                        self.products()[i].Rate(product.Rate);
                        self.products()[i].PremiumPolicy(product.PremiumPolicy);
                        self.products()[i].Url(product.Url);
                    }
                };
                for (var j = 0; j < AddingProducts.length; j++) {
                    if (AddingProducts[j].Id == self.currentProductId()) {
                        AddingProducts[j].Type = product.Type;
                        AddingProducts[j].TypeName = product.TypeName;
                        AddingProducts[j].CalcId = product.CalcId;
                        AddingProducts[j].CompanyId = product.CompanyId;
                        AddingProducts[j].CompanyName = product.CompanyName;
                        AddingProducts[j].GetPay = product.GetPay;
                        AddingProducts[j].PhotoTs = product.PhotoTs;
                        AddingProducts[j].UniqueNumber = product.UniqueNumber;
                        AddingProducts[j].Notes = product.Notes;
                        AddingProducts[j].DocumentPocket = product.DocumentPocket;
                        AddingProducts[j].Documents = product.Documents;
                        AddingProducts[j].Rate = product.Rate;
                        AddingProducts[j].PremiumPolicy = product.PremiumPolicy;
                        AddingProducts[j].ConfirmedCalcId = product.ConfirmedCalcId;
                    }
                };
            }
            else {
                self.products.push(new Product(product));
                AddingProducts.push(product);
                self.CountNewAddingProduct(self.CountNewAddingProduct() + 1);
            }
            $(idDialog).modal("hide");
        };
        self.deleteProduct = function (product) {
            for (var j = 0; j < AddingProducts.length; j++) {
                if (AddingProducts[j].Id == product.Id()) {
                    AddingProducts.splice(j, 1);
                }
            }
            for (var i = 0; i < self.products().length; i++) {
                if (self.products()[i].Id() == product.Id()) {
                    self.products.splice(i, 1);
                }
            };
        };
        
        self.newProduct = function () {
            ResetDialogs();
            self.currentProductId("");
            $("#products-select").modal({ "show": "true", dynamic: true });
        };

        self.editProduct = function (product) {
            self.currentProductId(product.Id());
            for (var i = 0; i < AddingProducts.length; i++) {
                if (AddingProducts[i].Id == product.Id()) {
                    AssignValues(AddingProducts[i]);
                    break;
                }
            }            
        };
    }

    function ResetDialogs() {
        $("#products-select input[type=text]").val("");
        $("#products-select select").val("");
        $("#products-select textarea").val("");
        $("#products-select input[type=checkbox]").removeAttr("checked");
        $("#products-select input[type=radio]").removeAttr("checked");
        $("#products-select2 input[type=text]").val("");
        $("#products-select2 select").val("");
        $("#products-select2 textarea").val("");
        $("#products-select2 input[type=radio]").removeAttr("checked");            
    }

    function SelectClient() {
        $("#clients-list").modal("hide");
        if ($("input[name='client']").is(":checked")) {
            $("#name").val($("input[name='client']:checked").parent("td").next("td").children("a").text());
            $("#InsurantId").val($("input[name='client']:checked").attr("id"));
            $.ajax({
                url: '@Url.Action("GetInfoClient", "Cabinet")',
                type: "POST",
                data: { clientId: $("#InsurantId").val() },
                success: function (result) {
                    var data = JSON.parse(result);
                    $("#Phone").val(data.Phone);
                    $("#Email").val(data.Email);
                    $("#Address").val(data.Address);
                }
            });
        }
    }

    function IdTypeToName(idType) {
        return $("#products-select #ProductType option[value='" + idType + "']").text();
    }

    function ShowDialog(type) {
        if (IdTypeToName(type).indexOf("КАСКО") > -1) {
            $("#products-select").modal({ "show": "true", dynamic: true });
            $("#products-select2").modal("hide");
            $("#products-select #ProductType").val(type);
        } else if (IdTypeToName(type).indexOf("ОСАГО") > -1) {
            $("#products-select").modal("hide");
            $("#products-select2").modal({ "show": "true", dynamic: true });
            $("#products-select2 #ProductType").val(type);
        } else {
            $("#products-select").modal("hide");
            $("#products-select2").modal("hide");
        }
    }

    function ChangeConfirmedCalc(obj) {
        $("#products-select #get-pay").val($(obj).attr("fee"));
    }

    $(function () {
        var viewModel = new MyViewModel();
        SetDatePicker();
        ko.applyBindings(viewModel);
    });
</script>
<div class="row-fluid">
    <!--// Левая колонка -->
    @{Html.RenderPartial("_SectionCabinetMenu", new BaseViewModel());}
    <!--// Правая колонка -->
    <div class="span9">
        <div class="page-header">
            <h2>
                Заявка на выезд специалиста</h2>
        </div>
        @using (Html.BeginForm("FormDelivery", "Cabinet", FormMethod.Post, new { @class = "form-horizontal", id = "form1" }))
        {                    
            <fieldset>
                <legend>Услуга</legend>
                <div class="control-group">
                    <label class="control-label">
                        Выберите из списка</label>
                    <div class="controls">
                        <label class="radio">
                            @Html.RadioButtonFor(x => x.Service, "Оформление БСО", new { @checked = "checked" })
                            <strong>Оформление БСО</strong> <span class="help-block">доставка БСО клиенту и полный
                                цикл оформления страхового полиса нашим выездным специалистом</span>
                        </label>
                        <hr>
                        <label class="radio">
                            @Html.RadioButtonFor(x => x.Service, "Доставка БСО")
                            <strong>Доставка БСО</strong> <span class="help-block">наш курьер доставит полисы по
                                указанному адресу в удобное для вас время</span>
                        </label>
                        <hr>
                        <label class="radio">
                            @Html.RadioButtonFor(x => x.Service, "Инкассация БСО и денег")
                            <strong>Инкассация БСО и денег</strong> <span class="help-block">курьер заберет у вас
                                полисы и деньги, после чего доставит их в отдел учета</span>
                        </label>
                    </div>
                </div>
            </fieldset>
            <fieldset>
                <legend>Продукты для доставки</legend>
                <br>
                <div class="alert alert-info">
                    <p>
                        <strong>Обратите внимание!</strong> Одна заявка оформляется на выезд к одному клиенту,
                        по одному адресу в одно время. Для осуществления доставки по нескольким адресам,
                        необходимо оформить несколько заявок. Количество продуктов для доставки в одной
                        заявке не ограничено.</p>
                </div>
                <table class="table table-bordered table-striped" id="products">
                    <thead>
                        <tr>
                            <th>
                                Продукт
                            </th>
                            <th>
                                Страховая компания
                            </th>
                            <th>
                                Расчет
                            </th>
                            <th>
                                Тариф
                            </th>
                            <th>
                                Премия по полису
                            </th>
                            <th>
                                Получить с клиента
                            </th>
                            <th>
                                Инструменты
                            </th>
                        </tr>
                    </thead>
                    <tbody data-bind="foreach: products">
                        <tr>
                            <td data-bind="text:Type()">
                            </td>
                            <td data-bind="text:CompanyName()">
                                
                            </td>
                            <td>
                                <a data-bind="text:UniqueNumber(), attr : {href: Url()}" href="#ссылка на просмотр полиса"
                                    target="_blank"></a>
                            </td>
                            <td data-bind="text:(Rate() ? Rate()  + '%' : '')">
                                
                            </td>
                            <td data-bind="text:(PremiumPolicy() ? PremiumPolicy() + ' руб.' : '')">
                                
                            </td>
                            <td data-bind="text: (GetPay() ? GetPay() + ' руб.' : '')">
                            </td>
                            <td>
                                <div class="btn-group">
                                    <button class="btn" data-toggle="modal" data-bind="click: $root.editProduct" rel="tooltip"
                                        data-original-title="Редактировать">
                                        <i class="icon-edit"></i>
                                    </button>
                                    <button class="btn" data-toggle="modal" data-bind="click: $root.deleteProduct" rel="tooltip"
                                        data-original-title="Удалить">
                                        <i class="icon-trash"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="100%">
                                <a class="btn" data-toggle="modal" data-bind="click:newProduct">Добавить продукт</a>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </fieldset>
            <fieldset>
                @Html.HiddenFor(x => x.InsurantId)
                <legend>Условия доставки</legend>
                <div class="control-group">
                    <label class="control-label" for="name">
                        Контактное лицо</label>
                    <div class="controls">
                        <div class="input-append">
                            @Html.TextBoxFor(x => x.Name, new { id = "name", size = "16", @class = "input-large", placeholder = "Имя, фамилия" })<button class="btn" type="button" rel="tooltip" data-toggle="modal" title="Выбрать из списка"
                                onclick="$('#clients-list').modal({ 'show': 'true', dynamic: true });">
                                <i class="icon-list"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="Phone">
                        Телефон</label>
                    <div class="controls">
                        @Html.TextBoxFor(x => x.Phone, new { @class = "input-large phone", placeholder = "Обязательно" })
                        <p class="help-block">
                            Реальный номер клиента <a href="#">видите только вы.</a></p>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="Email">
                        Электронная почта</label>
                    <div class="controls">
                        @Html.TextBoxFor(x => x.Email, new { @class = "input-large", placeholder = "Обязательно" })
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="Address">
                        Адрес</label>
                    <div class="controls">
                        @Html.TextAreaFor(x => x.Address, new { placeholder = "Город, улица, дом ", rows = "3", @class = "input-large" })
                        <span class="help-block"><a data-toggle="modal" href="#map-select"><i class="icon-map-marker">
                        </i>Указать на карте</a></span>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="Date">
                        Дата</label>
                    <div class="controls">
                        @Html.TextBoxFor(x => x.Date, new { @class = "input-small date" })
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="TimeWith">
                        Желаемое время</label>
                    <div class="controls">
                        <span class="help-inline">c</span>
                        @Html.TextBoxFor(x => x.TimeWith, new { @class = "time input-mini" })<span
                            class="help-inline">по</span>
                        @Html.TextBoxFor(x => x.TimeTo, new { @class = "time input-mini" })
                    </div>
                </div>
                <hr>
                <div class="control-group">
                    <label class="control-label" for="MeansPayment">
                        Способ оплаты</label>
                    <div class="controls">
                        @Html.DropDownListFor(x => x.MeansPayment, Model.ListForMeansPayment, new { @class = "input-large" })
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="optionsCheckboxList">
                        Особые отметки</label>
                    <div class="controls">
                        <label class="checkbox">
                            @Html.CheckBoxFor(x => x.Urgently)
                            Срочный выезд <span class="help-block">выполнение операции в течение сегодняшнего дня</span>
                        </label>
                    </div>
                </div>
                <hr>
                <div class="control-group">
                    <label class="control-label" for="notes">
                        Примечание</label>
                    <div class="controls">
                        @Html.TextAreaFor(x => x.Notes, new { @class = "textarea-large" })
                    </div>
                </div>
            </fieldset>
            <div class="form-actions">
                <button class="btn btn-primary" name="saveandsend" onclick="SaveDelivery(this);">
                    Отправить заявку на выезд</button>
                <button class="btn" onclick="SaveDelivery(this);" name="save">
                    Сохранить</button>
                <span class="help-block">Продолжая оформление заявки, вы соглашаетесь с <a href="#">
                    условиями предоставления</a> сервиса.</span>
            </div>
        }
    </div>
</div>
<!--// Модальное окно выбора котировки -->
<div class="modal hide " id="products-select">
    <div class="modal-header">
        <button data-dismiss="modal" class="close">
            ×</button>
        <h3>
            Выберите продукт</h3>
    </div>
    <div class="modal-body">
        <form class="form-horizontal">
        <div class="control-group">
            <label class="control-label" for="ProductType">
                Продукт</label>
            <div class="controls">
                @Html.DropDownListFor(x => x.ProductType, Model.ListForProductType, new { @class = "input-large", onchange = "ShowDialog($(this).val());" })
            </div>
        </div>
        <p>
            Оформление заявки на полис КАСКО производится на базе подтвержденного <a href="@Url.Action("Calculations", "Cabinet")">
                расчета</a>. Расчет можно подтвердить как в отделе андеррайтинга, так и самостоятельно
            через веб-кабинет.</p>
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th class="col-1">
                    </th>
                    <th>
                        Объект страхования
                    </th>
                    <th>
                        Страховая компания
                    </th>
                    <th>
                        Тариф
                    </th>
                    <th>
                        Премия по полису
                    </th>
                </tr>
            </thead>
            <tbody>
                @foreach (var calc in Model.ConfirmedCalculationsKasko)
                {
                    foreach (var confirmedCalc in calc.ConfirmedCalcs)
                    {
                    <tr>
                        <td>
                            <input premium="@confirmedCalc.PremiumPolicy" rate="@confirmedCalc.Rate" fee="@confirmedCalc.FeeRub.ToString("N2")" onchange="ChangeConfirmedCalc(this);" type="radio" name="calculation" confirm-calc-id="@confirmedCalc.Id" unique="@calc.UniqueNumber" url="@Url.Action("Kasko", "Information", new { id = calc.Id })" value="@calc.Id">
                        </td>
                        <td>@string.Format("{0} {1}, {2}", calc.CarManufacture, calc.CarModel, calc.Release)
                        </td>
                        <td>@confirmedCalc.CompanyName</td>
                        <td>@(confirmedCalc.Rate + "%")
                        </td>
                        <td>
                            <a href="#ссылка на подтвержденный расчет" target="_blank">@(string.IsNullOrEmpty(confirmedCalc.PremiumPolicy) ? "" : confirmedCalc.PremiumPolicy + " руб.")</a>
                        </td>
                    </tr> 
                    }
                }
            </tbody>
        </table>
        <div class="control-group">
            <label class="control-label" for="get-pay">
                Получить с клиента</label>
            <div class="controls">
                <input type="text" class="input-small" id="get-pay">
                <p class="help-inline">
                    руб.</p>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="photo-ts">
                Фото ТС</label>
            <div class="controls">
                <select class="input-large" id="photo-ts">
                    <option value="Фото ТС и акт осмотра">Фото ТС и акт осмотра</option>
                    <option value="Только фото ТС">Только фото ТС</option>
                    <option value="Осмотр ТС не требуется">Осмотр ТС не требуется</option>
                    <option value="Осмотр ТС представителем СК">Осмотр ТС представителем СК</option>
                </select>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="documents-pocket">
                Пакет докуметов</label>
            <div class="controls">
                <select class="input-large" id="documents-pocket">
                    <option value="КАСКО">КАСКО</option>
                    <option value="КАСКО Салон">КАСКО Салон</option>
                    <option value="КАСКО Кредит">КАСКО Кредит</option>
                    <option value="КАСКО Салон-Кредит">КАСКО Салон-Кредит</option>
                    <option value="ОСАГО">ОСАГО</option>
                </select>
            </div>
        </div>
        <div class="control-group" id="kasko-documents">
            <div class="controls">
                @foreach (var documentKasko in Model.KaskoDocuments)
                {
                    <label class="checkbox">
                        <input type="checkbox" name="document" value="@documentKasko.Id">
                        @documentKasko.Name
                    </label>
                }
            </div>
        </div>
        @*<div class="control-group hide" id="osago-documents">
            <div class="controls">
                @foreach (var documentOsago in Model.OsagoDocuments)
                {
                    <label class="checkbox">
                        <input type="checkbox" name="document" value="@documentOsago.Id">
                        @documentOsago.Name
                    </label>
                }
            </div>
        </div>*@
        <div class="control-group">
            <label class="control-label" for="notes-product">
                Примечание</label>
            <div class="controls">
                <textarea class="textarea-medium" id="notes-product" placeholder=""></textarea>
            </div>
        </div>
        </form>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" data-bind="click: addProduct">
            Добавить продукт</button>
    </div>
</div>
<!--// Модальное окно выбора продукта ОСАГО. Эта форма должна отображаться, когда выбран продукт "ОСАГО". -->
<div class="modal hide " id="products-select2">
    <div class="modal-header">
        <button data-dismiss="modal" class="close">
            ×</button>
        <h3>
            Выберите продукт</h3>
    </div>
    <div class="modal-body">
        <form class="form-horizontal">
        <div class="control-group">
            <label class="control-label" for="ProductType">
                Продукт</label>
            <div class="controls">
                @Html.DropDownListFor(x => x.ProductType, Model.ListForProductType, new { @class = "input-large", onchange = "ShowDialog($(this).val());" })
            </div>
        </div>
        <p>
            Оформление заявки на полис ОСАГО может производиться на базе <a href="#ссылка на страницу сохраненных расчетов"
                target="_blank">сохраненного расчета</a>, или вы можете указать необходимость
            расчета нашим выездным специалистом при оформлении полиса.</p>
        <div class="tabbable">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#saved-calc" data-toggle="tab">Сохраненный расчет</a></li>
                <li><a href="#calc-on-place" data-toggle="tab">Расчет при оформлении</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="saved-calc">
                    <!-- В этой таблице необходимо выводить список сохраненных расчетов по ОСАГО -->
                    <table class="table table-bordered table-striped" id="saved-calc-osago">
                        <thead>
                            <tr>
                                <th class="col-1">
                                </th>
                                <th>
                                    Объект страхования
                                </th>
                                <th>
                                    Страховая компания
                                </th>
                                <th>
                                    Премия по полису
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var calc in Model.ConfirmedCalculationsOsago)
                            {
                                foreach (var confirmedCalc in calc.ConfirmedCalcs)
                                {
                                <tr>
                                    <td>
                                        <input type="radio" name="calculation" premium="@calc.PremiumPolicy" confirm-calc-id="@confirmedCalc.Id" url="@Url.Action("OsagoResult", "Cabinet", new { id = confirmedCalc.Id })" unique="@calc.UniqueNumber" value="@calc.Id">
                                    </td>
                                    <td>
                                        <a href="@Url.Action("AddObject", "Cabinet", new { id = calc.ObjectId })" target="_blank" title="Открыть карточку объекта страхования">
                                            @calc.ObjectName</a>
                                    </td>
                                    <td>@confirmedCalc.CompanyName</td>
                                    <td>
                                        <a href="@Url.Action("OsagoResult", "Cabinet", new { id = confirmedCalc.Id })" target="_blank" title="Открыть сохраненный расчет">
                                            @calc.PremiumPolicy руб.</a>
                                    </td>
                                </tr> 
                                }
                            }
                        </tbody>
                    </table>
                </div>
                <div class="tab-pane " id="calc-on-place">
                    <div class="control-group">
                        <label class="control-label" for="company">
                            Страховая компания</label>
                        <div class="controls">
                            @Html.DropDownList("company", Model.ListForCompanies, new { @class = "input-large" })
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="notes-product-osago">
                Примечание</label>
            <div class="controls">
                <textarea class="textarea-medium" id="notes-product-osago" placeholder=""></textarea>
            </div>
        </div>
        </form>
    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" data-bind="click: addProduct">
            Добавить продукт</button>
    </div>
</div>
<!-- Модальное окно выбора продукта ОСАГО //-->
<!-- Модальное окно выбора котировки //-->
<!--// Модальное окно выбора адреса доставки -->
<div class="modal hide " id="map-select">
    <div class="modal-header">
        <button data-dismiss="modal" class="close">
            ×</button>
        <h3>
            Выбор адреса</h3>
    </div>
    <div class="modal-body">
        <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0"
            marginwidth="0" src="https://maps.google.com/?ie=UTF8&amp;ll=55.746342,37.621136&amp;spn=0.060678,0.154324&amp;t=m&amp;z=13&amp;output=embed">
        </iframe>
    </div>
    <div class="modal-footer">
        <span class="pull-left">Адрес: Москва, Большая Семеновская, 40с13</span>
        <button class="btn btn-primary">
            Выбрать адрес</button>
        <!--button data-dismiss="modal" class="btn">Закрыть окно</button-->
    </div>
</div>
<!-- Модальное окно выбора адреса доставки //-->
@{Html.RenderPartial("_ListClients", Model.Clients);}
